<template>
  <div>
    <div v-if="type==='A'">
      A
    </div>
    <div v-else-if="type==='B'">
      B
    </div>
    <div v-else-if="type==='C'">
      C
    </div>
    <div v-else>
      not a b c
    </div>
  </div>
</template>

<script>
export default {
  name: 'vElseIf',
  data () {
    return {
      type: 'DF'
    }
  }
}
</script>
